<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			// 下面这句代码运行得太早了，此时body元素还未装载，因此无法获取任何元素
			alert(document.getElementById("div1").dataset.msg);
		</script>
	</head>
	<body>
		<div id="div1" data-msg="hello"></div>
		<p>这是最初写在Body元素中的内容，它有可能被document.write覆盖</p>
		<script>
			// document.write常用于在恰当的位置引入外部js代码块并执行之。
			// 但是要注意script结束标签要写成"\/"，如果没有\作为转义字符分隔开<和/，
			// 则会被误认为是外部<script>标签的结束标签
			document.write("<script src='js/testScript.js'><\/script>");
			
			// 如果在整个页面装载完毕后，再通过document.write写入内容，则会将body中的内容都清除
			window.onload = function(){
				//document.write("这是通过document.write在页面装载完成后写入的内容");
				//document.write(document.getElementById("div1").dataset.msg);
			}
		</script>
	</body>
</html>
